<template>
	<span>
		￥ <input type="text" ref="input" v-bind:value="value" 
				v-on:input="updateValue($event.target.value)" />
	</span>

</template>
<script>
export default {
	name: 'currencyInput',
	props: ['value'],
	methods: {
		updateValue: function(value) {
			var formattedValue = value.trim()
				.slice(0, value.indexOf('.') + 3)
	      		// 如果值不统一，手动覆盖以保持一致
		    if (formattedValue !== value) {
		        this.$refs.input.value = formattedValue
		    }
		      // 通过 input 事件发出数值
		    this.$emit('input', Number(formattedValue))
		},
		processTodo: function(val) {
			console.log('processTodo: %s', val);
		}
	},
	created() {
		this.$bus.on('add-todo', this.processTodo);
	}
}
</script>